@charset "utf-8";

.wstate{line-height: 1rem; padding: 0 .2rem; display: inline-block;border-radius: .2rem; font-style: normal;}
.wstateO{background: #19c56a;}
.wstate1{background: #ffff00; color:#333;}
.wstate2{background: #e0741a;}
.wstate3{background: #fa0100;}
.wstate4{background: #9e004f;}
.wstate5{background: #790222;}

.logo span,.new-a-jd span,.new-header h2 i,.jtico,.new-jd-tab .tc_jtico,.feng,.kqzl_more{background: url(../images/icon2b.png) no-repeat;background-size:180px 180px;text-indent:-9999px;}
/* header */
.new-header{position:relative;z-index:8888;height:44px;background:#3295e1;}
.new-header h2{height:44px;line-height:44px;font-weight:normal;font-size:20px;color:#fff;text-align:center;}
.new-header h2 i{width: 15px;height: 20px;background-position: -82px 0px;display: inline-block;}
.logo{position:absolute;top:6px;left:6px;width:87px;height:32px;}
.logo span{display:inline-block;width: 87px;height: 27px;margin-top: 2px;background-position: 5px 0px;}

/* new-jd-tab */
.new-a-jd{position:absolute;top:6px;right:7px;width:37px;height:30px;}
.new-a-jd span{display:inline-block;width: 23px;height: 23px;margin:5px 0 0 8px;background-position: -124px -24px;}
.new-a-jd span.up{background-position: -154px -24px;}
.new-jd-tab{/* border-bottom:1px solid #d0cece; */background-color:#fff;position: absolute;right: 10px;z-index: 1;width: 25%;border-radius: 8px;top: 55px;}
.new-jd-tab .new-tbl-cell{width: 100%;padding:9px 0;font-size:12px;color:#fff;text-align:center;display: block;border-bottom: #eee 1px solid;}
.new-jd-tab .tc_jtico{width: 15px;height: 12px;background-position: -52px -71px;position: absolute;top: -11px;right: 10px;}
.new-jd-tab .new-tbl-cell span{vertical-align:text-top;}
.new-jd-tab .new-tbl-cell .icon,.new-jd-tab .new-tbl-cell .icon2,.new-jd-tab .new-tbl-cell .icon3,.new-jd-tab .new-tbl-cell .icon4{display:inline-block;width:20px;height:22px;background: url(../images/icon2b.png) -7px -37px no-repeat;background-size:180px 180px;text-indent:-9999px;}
.new-jd-tab .new-tbl-cell .icon2{background-position: -53px -39px;}
.new-jd-tab .new-tbl-cell .icon3{background-position: -89px -39px;}
.new-tbl-type{display:table;width:100%;}
.new-tbl-cell{display:table-cell;}
.new-jd-tab .new-tbl-cell:last-child{border-bottom:none;}
.new-jd-tab .new-tbl-cell p{display:inline-block;color:#6e6e6e;}
/* banner */
.weather-bg{height:186px;z-index:-1;position:absolute;left:0;width:100%;background:url(../images/weatherbg.jpg) no-repeat;background-size:cover;}
.weather-wrapper{overflow:hidden;color:#fff;}
.weather{height: 114px;margin-top:20px;position: relative;}
.feng{width: 18px;height: 17px;;background-position: -8px -70px;display: inline-block;vertical-align: middle;}
/* weather图标 */
.weather .link{width:20%;display: block;position: absolute;right: 10px;top:-12px;}
.w10_l:before,.w11_l:before,.w12_l:before,.w13_l:before,.w14_l:before,.w16_l:before,.w19_l:before,.w20_l:before,.w26_l:before,.w28_l:before,.w32_l:before,.w37_l:before,.w39_l:before,.w40_l:before,.w41_l:before,.w42_l:before,.w60_l:before,.w61_l:before,.w62_l:before,.w63_l:before,.w64_l:before,.w65_l:before{display:block;content:'';height:69px;width:65px;background:url(../images/w_day_c.png) no-repeat;background-size:402px 532px;margin:8px auto 4px auto;}
/*夜间*/
.wnt_l:before {background: url(../images/w_night_c.png) no-repeat;background-size:402px 532px;}

.w10_l:before{background-position:-9px -11px;}
.w11_l:before{background-position:-89px -11px;}
.w12_l:before{background-position:-168px -11px;}
.w13_l:before{background-position:-251px -11px;}
.w14_l:before{background-position:-330px -11px;}
.w16_l:before{background-position:-9px -97px;}
.w19_l:before{background-position:-89px -97px;}
.w20_l:before{background-position:-168px -93px;}
.w26_l:before{background-position:-251px -97px;}
.w28_l:before{background-position:-330px -97px;}
.w32_l:before{background-position:-9px -184px;}
.w37_l:before{background-position:-89px -184px;}
.w39_l:before{background-position:-170px -184px;}
.w40_l:before{background-position:-256px -188px;}
.w41_l:before{background-position:-330px -184px;}
.w42_l:before{background-position:-9px -269px;}
.w60_l:before{background-position:-89px -269px;}
.w61_l:before{background-position:-176px -269px;}
.w62_l:before{background-position:-257px -269px;}
.w63_l:before{background-position:-330px -269px;}
.w64_l:before{background-position:-9px -356px;}
.w65_l:before{background-position:-91px -356px;}
.wmainl{padding-left: .5rem;}


/*e*/
.x-weatherlst{background: #47a0e4;}
.x-weatherlst li{width: 45%;  text-align: center; color: #fff;}
.x-weatherlst li:last-of-type{border: 0;}
.x-weatherlst li .ice{line-height: 1.4rem;overflow:hidden;}
.x-weatherlst li a{color:#fff;}
.jtico{width: 16px;height: 30px;display:inline-block;background-position: -112px 4px;vertical-align: middle;float: left;}
.weather_icons.w10_l:before,.weather_icons.w11_l:before,.weather_icons.w12_l:before,.weather_icons.w13_l:before,.weather_icons.w14_l:before,.weather_icons.w16_l:before,.weather_icons.w19_l:before,.weather_icons.w20_l:before,.weather_icons.w26_l:before,.weather_icons.w28_l:before,.weather_icons.w32_l:before,.weather_icons.w37_l:before,.weather_icons.w39_l:before,.weather_icons.w40_l:before,.weather_icons.w41_l:before,.weather_icons.w42_l:before,.weather_icons.w60_l:before,.weather_icons.w61_l:before,.weather_icons.w62_l:before,.weather_icons.w63_l:before,.weather_icons.w64_l:before,.weather_icons.w65_l:before{display:block;content:'';height: 34px;width:33px;background:url(../images/w_day_l.png) no-repeat;background-size:201px 266px;margin: 4px auto 4px auto;}
/*夜间*/
.weather_icons.wnt_l:before {background: url(../images/w_night_l.png) no-repeat;background-size:201px 266px;}

.weather_icons.w10_l:before{background-position:-4px -6px;}
.weather_icons.w11_l:before{background-position:-44px -6px;}
.weather_icons.w12_l:before{background-position:-84px -6px;}
.weather_icons.w13_l:before{background-position:-124px -6px;}
.weather_icons.w14_l:before{background-position:-164px -6px;}
.weather_icons.w16_l:before{background-position:-4px -48px;}
.weather_icons.w19_l:before{background-position:-44px -48px;}
.weather_icons.w20_l:before{background-position:-84px -48px;}
.weather_icons.w26_l:before{background-position:-124px -48px;}
.weather_icons.w28_l:before{background-position:-164px -48px;}
.weather_icons.w32_l:before{background-position:-4px -92px;}
.weather_icons.w37_l:before{background-position:-44px -92px;}
.weather_icons.w39_l:before{background-position:-84px -92px;}
.weather_icons.w40_l:before{background-position:-127px -94px;}
.weather_icons.w41_l:before{background-position:-164px -92px;}
.weather_icons.w42_l:before{background-position:-4px -134px;}
.weather_icons.w60_l:before{background-position:-44px -134px;}
.weather_icons.w61_l:before{background-position:-88px -134px;}
.weather_icons.w62_l:before{background-position:-128px -134px;}
.weather_icons.w63_l:before{background-position:-164px -134px;}
.weather_icons.w64_l:before{background-position:-4px -177px;}
.weather_icons.w65_l:before{background-position:-44px -177px;}

.ice .weather_icons.w10_l:before,.ice .weather_icons.w11_l:before,.ice .weather_icons.w12_l:before,.ice .weather_icons.w13_l:before,.ice .weather_icons.w14_l:before,.ice .weather_icons.w16_l:before,.ice .weather_icons.w19_l:before,.ice .weather_icons.w20_l:before,.ice .weather_icons.w26_l:before,.ice .weather_icons.w28_l:before,.ice .weather_icons.w32_l:before,.ice .weather_icons.w37_l:before,.ice .weather_icons.w39_l:before,.ice .weather_icons.w40_l:before,.ice .weather_icons.w41_l:before,.ice .weather_icons.w42_l:before,.ice .weather_icons.w60_l:before,.ice .weather_icons.w61_l:before,.ice .weather_icons.w62_l:before,.ice .weather_icons.w63_l:before,.ice .weather_icons.w64_l:before,.ice .weather_icons.w65_l:before{display:block;content:'';height: 30px;width:33px;background:url(../images/w_day_c.png) no-repeat;background-size:201px 266px;margin: 4px auto 4px auto;}
/*夜间*/
.ice .weather_icons.wnt_l:before {background: url(../images/w_night_c.png) no-repeat;background-size:201px 266px;}

.ice .weather_icons.w10_l:before{background-position:-4px -6px;}
.ice .weather_icons.w11_l:before{background-position:-44px -6px;}
.ice .weather_icons.w12_l:before{background-position:-84px -6px;}
.ice .weather_icons.w13_l:before{background-position:-124px -6px;}
.ice .weather_icons.w14_l:before{background-position:-164px -6px;}
.ice .weather_icons.w16_l:before{background-position:-4px -48px;}
.ice .weather_icons.w19_l:before{background-position:-44px -48px;}
.ice .weather_icons.w20_l:before{background-position:-84px -48px;}
.ice .weather_icons.w26_l:before{background-position:-124px -48px;}
.ice .weather_icons.w28_l:before{background-position:-164px -48px;}
.ice .weather_icons.w32_l:before{background-position:-4px -92px;}
.ice .weather_icons.w37_l:before{background-position:-44px -92px;}
.ice .weather_icons.w39_l:before{background-position:-84px -92px;}
.ice .weather_icons.w40_l:before{background-position:-127px -94px;}
.ice .weather_icons.w41_l:before{background-position:-164px -92px;}
.ice .weather_icons.w42_l:before{background-position:-4px -134px;}
.ice .weather_icons.w60_l:before{background-position:-44px -134px;}
.ice .weather_icons.w61_l:before{background-position:-88px -134px;}
.ice .weather_icons.w62_l:before{background-position:-128px -134px;}
.ice .weather_icons.w63_l:before{background-position:-164px -134px;}
.ice .weather_icons.w64_l:before{background-position:-4px -177px;}
.ice .weather_icons.w65_l:before{background-position:-44px -177px;}

/*f*/
.card-content-inner{padding:0;}
.x-wcard{background:#fff;margin-bottom:.2rem;overflow:hidden;}
.x-wcard p{margin-bottom: .5rem; line-height: 2.15rem; color: #666;overflow:hidden;}
.x-wcard p:last-child{margin-bottom: .5rem;}
.x-wcard p b{color: #444;float:left;font-weight:normal;width:33%;}
.x-wcard .x-citylst{margin: 0 -.01rem;}
.x-wcard b img{width: 2.4rem; margin: .15rem 0;vertical-align: middle;}

.stitle {  height: 2rem; line-height: 2rem;  }
.x-wcard p b.zmo{color:#ffc54a;}
.yubao_15{height:50px;line-height:50px;border-top: #eee 1px solid;color:#666;}
.height_5{height: 13rem;overflow: hidden;}
.H15{height:auto;}
/*kongqi zhiliang*/
.kqzsTit{display: block;border-bottom:#eee 1px solid;height: 46px;position: relative;}
.kqzl_more{position: absolute;right:10px;top: 12px;width: 20px;height: 20px;background-position: -153px -2px;/* vertical-align: middle; */}
.aqi { height: 6rem; }
.progess{ margin: 0 auto 8px; width: 300px; height: 1.5rem; background-position: -.1rem 0; }
.progess,.panel_l .cur { background: url(../images/aqi-ruler-150305.png) no-repeat;background-size:318px 159px; }
.panel_l { width: 300px; height: 1.5rem; position: relative; }
.panel_l .cur { display: block; width: 41px; height: 49px; line-height: 51px; overflow: hidden; position: absolute; top: 1.5rem; margin-left: -1.1rem; color: #fff; text-align: center; background-position: 0 -2rem; }
.c01 .stitle h3 {	color:#6acd06; }
.c02 .stitle h3 {	color:#fbd12a; }
.c03 .stitle h3 {	color:#fe8800; }
.c04 .stitle h3 {	color:red; }
.c05 .stitle h3 {	color:#c00; }
.c06 .stitle h3 {	color:#960453; }
.c07 .stitle h3 {	color:#62001e; }

.c01 .panel_l .cur {	background-position: 2px -46px; }
.c02 .panel_l .cur {	background-position: -44px -46px; }
.c03 .panel_l .cur {	background-position: -89px -46px; }
.c04 .panel_l .cur {	background-position: -134px -46px; }
.c05 .panel_l .cur {	background-position: -179px -46px; }
.c06 .panel_l .cur {	background-position: -225px -46px; }
.c07 .panel_l .cur {	background-position: -271px -46px; }


/*shenghuo zhishu*/
.x-citylst{margin: 0 .5rem;}
.x-citylst li{width: 50%; text-align: center; float: left; height: 4rem;line-height: 4rem;word-break:keep-all; white-space:nowrap; overflow: hidden;border-right: #eee 1px solid;border-bottom: #eee 1px solid;}
.x-citylst i{width:40px;height: 40px;background:url(../images/sh_icon.png) no-repeat;background-size:131px 228px;display: inline-block;vertical-align: middle;margin-right: 15px;}
.x-citylst i.zs01{background-position: -8px -10px;}
.x-citylst i.zs02{background-position: -77px -9px;}
.x-citylst i.zs03{background-position: -8px -67px;}
.x-citylst i.zs04{background-position: -79px -66px;}
.x-citylst i.zs05{background-position: -8px -120px;}
.x-citylst i.zs06{background-position: -74px -119px;}
.x-citylst i.zs07{background-position: -8px -179px;}
.x-citylst i.zs08{background-position: -81px -176px;}


/*详情*/
.y-weatherlst{background:#3295e1;color:#fff;}
.y-weatherlst ul{border-top:#47a0e4 1px solid;overflow: hidden;padding:10px 0;}
.y-weatherlst li{width:33%;float:left;border-right:#47a0e4 1px solid;}
.y-weatherlst li:last-child{border-right:#47a0e4 0px solid;}
.y-weatherlst li em,.y-weatherlst i{display: block;}
.mri_xq{position: absolute;right:10px;top:12px;border:#3295e1 1px solid;border-radius: 5px;color: #3295e1;padding:0 5px;}